/*====== RESPONSIVE TYPE 1 =======*/

@media (max-width:479px) {
    header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li[navcolumn="1"] ul.dropdown-menu{
   position: absolute;
   left: 50%;
   top: 0px;
   height:  100%;
   width:  100%;
   margin-left: 0px!important;
}
header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li[navcolumn="2"] ul.dropdown-menu{
   position: absolute;
   left: 100%;
   top: 0px;
   height:  100%;
   width:  100%;
    margin-left: 0px!important;
}
   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu{
   position: relative;
}
   header nav.mega-menu ul.nav-main .mega-menu-item .dropdown-submenu .dropdown-menu li a,
   header nav.mega-menu ul.nav-main .mega-menu-item .dropdown-submenu .dropdown-menu li:hover a {
   white-space: normal;
   width: auto;
   }
   html body header .nav-bar-primary nav ul.nav-main > li > a {
       color: #fff !important;
       font-weight: bold;
   }
   .nav-bar-primary nav ul.nav-main > li > ul.dropdown-menu{
   position: relative!important;
   }
   .nav-bar-primary nav ul.nav-main > li > ul.dropdown-menu > li{
    width: calc(100vw + 20px);
   }
   .nav-bar-primary nav ul.nav-main > li:hover > ul.dropdown-menu > li > a{
    pointer-events: visible;
    cursor: pointer;
   }
   html header .nav-bar-primary nav ul.nav-main > li.opened {
   background: #153d25 !important;
   color: #fff;
   }
   html header .nav-bar-primary nav ul.nav-main > li .fa-chevron-right{
       width: 50px;
       position: absolute;
       right: 0px;
       left: inherit;
       top: 0px;
       height: 100%;
       padding-right: 20px;
   }
   html header .nav-bar-primary nav ul.nav-main > li ul li.dropdown-submenu .fa-chevron-right{
       width: 20px;
       position: absolute;
       right: 0px;
       left: inherit;
       top: 0px;
       height: 100%;
       padding-right: 20px;
   }
   html header .nav-bar-primary nav ul.nav-main > li ul:hover li.dropdown-submenu .fa-chevron-right{
       width: 50px;
       position: absolute;
       right: 0px;
       left: inherit;
       top: 0px;
       height: 100%;
       padding-right: 50px;
   }
   
   html header .nav-bar-primary nav ul.nav-main > li .fa-chevron-right:before{
       float: right;
       position: relative;
       top: 18px;
   }
   html header .nav-bar-primary nav ul.nav-main > li.opened .fa-chevron-right {
   color: #f7921e;
   }
   html header .nav-bar-primary nav ul.nav-main > li.opened .fa-chevron-right:before{
       content:"\f078";
   }
   html header .nav-bar-primary nav ul.nav-main > li.opened ul.dropdown-menu li.dropdown-submenu .fa-chevron-right:before{
       content:"\f054";
   }
   html header .nav-bar-primary nav ul.nav-main > li.opened ul.dropdown-menu li.dropdown-submenu.opened .fa-chevron-right:before{
       content:"\f078";
   }
   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu:hover .fa-chevron-right{
   left: inherit;
       right: 20px;
   }
   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu .dropdown-menu{
       position: relative!important;
       left: 0px!important;
   }
   html header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu {
   background: #333!important;
   background-color: #333!important;
   }
   html header{
       z-index: 1034!important;
       position: relative!important;
   }
   header nav.mega-menu ul.nav-main li.mega-menu-item:hover > ul.dropdown-menu > li:hover > ul > li {
   background: #191919;
   }
}
@media (min-width:480px) and (max-width:767px) {
    header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li[navcolumn="1"] ul.dropdown-menu{
   position: absolute;
   left: 50%;
   top: 0px;
   height:  100%;
   width:  100%;
    margin-left: 0px!important;
}
header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li[navcolumn="2"] ul.dropdown-menu{
   position: absolute;
   left: 100%;
   top: 0px;
   height:  100%;
   width:  100%;
    margin-left: 0px!important;
}
   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu{
   position: relative;
}
   header nav.mega-menu ul.nav-main .mega-menu-item .dropdown-submenu .dropdown-menu li a,
   header nav.mega-menu ul.nav-main .mega-menu-item .dropdown-submenu .dropdown-menu li:hover a {
   white-space: normal;
   width: auto;
   }
   html body header .nav-bar-primary nav ul.nav-main > li > a {
       color: #fff !important;
       font-weight: bold;
   }
  
    .nav-bar-primary nav ul.nav-main > li > ul.dropdown-menu{
   position: relative!important;
   }
   .nav-bar-primary nav ul.nav-main > li > ul.dropdown-menu > li{
    width: calc(100vw + 20px);
   }
   .nav-bar-primary nav ul.nav-main > li:hover > ul.dropdown-menu > li > a{
    pointer-events: visible;
    cursor: pointer;
   }
   html header .nav-bar-primary nav ul.nav-main > li.opened {
   background: #d81935 !important;
   color: #fff;
   }
   html header .nav-bar-primary nav ul.nav-main > li .fa-chevron-right{
       width: 50px;
       position: absolute;
       right: 0px;
       left: inherit;
       top: 0px;
       height: 100%;
       padding-right: 20px;
   }
   html header .nav-bar-primary nav ul.nav-main > li ul li.dropdown-submenu .fa-chevron-right{
       width: 50px;
       position: absolute;
       right: 0px;
       left: inherit;
       top: 0px;
       height: 100%;
       padding-right: 50px;
   }
   html header .nav-bar-primary nav ul.nav-main > li .fa-chevron-right:before{
       float: right;
       position: relative;
       top: 18px;
   }
   html header .nav-bar-primary nav ul.nav-main > li.opened .fa-chevron-right {
   color: #d81935;
   }
   html header .nav-bar-primary nav ul.nav-main > li.opened .fa-chevron-right:before{
       content:"\f078";
   }
   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu:hover .fa-chevron-right{
   left: inherit;
       right: 20px;
   }
   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu .dropdown-menu{
       position: relative!important;
       left: 0px!important;
   }
   html header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu {
   background: #333!important;
   background-color: #333!important;
   width: calc(100% + 30px);
   }
   html header{
       z-index: 9999!important;
       position: relative!important;
   }
   header nav.mega-menu ul.nav-main li.mega-menu-item:hover > ul.dropdown-menu > li:hover > ul > li {
   background: #000;
   }
}
@media (min-width:768px) and (max-width:991px) {
   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li[navcolumn="1"] ul.dropdown-menu{
   position: absolute;
   left: 50%;
   top: 0px;
   height:  100%;
   width:  100%;
    margin-left: 0px!important;
}
header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li[navcolumn="2"] ul.dropdown-menu{
   position: absolute;
   left: 100%;
   top: 0px;
   height:  100%;
   width:  100%;
    margin-left: 0px!important;
}

   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu{
   position: relative;
}
   header nav.mega-menu ul.nav-main .mega-menu-item .dropdown-submenu .dropdown-menu li a,
   header nav.mega-menu ul.nav-main .mega-menu-item .dropdown-submenu .dropdown-menu li:hover a {
   white-space: normal;
   width: auto;
   }
   html body header .nav-bar-primary nav ul.nav-main > li > a {
       color: #fff !important;
       font-weight: bold;
   }
   .homeSearchBar .col-xs-10 .col-xs-4 {
       transform: scale(0.9);
   }
   .homeSearchBar input,
   .homeSearchBar select {
       font-size: 10px;
   }
   .homeSearchBar .col-xs-2 {
       margin-top: 30px;
   }
   .homeSearchBar .col-xs-2 .btn {
       position: relative;
       z-index: 9999;
   }
   .homeSearchBar .col-xs-2 span {
       font-size: 12px;
   }
    .nav-bar-primary nav ul.nav-main > li > ul.dropdown-menu{
   position: relative!important;
   }
   .nav-bar-primary nav ul.nav-main > li > ul.dropdown-menu > li{
    width: calc(100vw + 20px);
   }
   .nav-bar-primary nav ul.nav-main > li:hover > ul.dropdown-menu > li > a{
    pointer-events: visible;
    cursor: pointer;
   }
   html header .nav-bar-primary nav ul.nav-main > li.opened {
   background: #d81935 !important;
   color: #fff;
   }
   html header .nav-bar-primary nav ul.nav-main > li .fa-chevron-right{
       width: 50px;
       position: absolute;
       right: 0px;
       left: inherit;
       top: 0px;
       height: 100%;
       padding-right: 20px;
   }
   html header .nav-bar-primary nav ul.nav-main > li ul li.dropdown-submenu .fa-chevron-right{
       width: 50px;
       position: absolute;
       right: 0px;
       left: inherit;
       top: 0px;
       height: 100%;
       padding-right: 50px;
   }
   html header .nav-bar-primary nav ul.nav-main > li .fa-chevron-right:before{
       float: right;
       position: relative;
       top: 18px;
   }
   html header .nav-bar-primary nav ul.nav-main > li.opened .fa-chevron-right {
   color: #fff;
   }
   html header .nav-bar-primary nav ul.nav-main > li.opened .fa-chevron-right:before{
       content:"\f078";
   }
   html header .nav-bar-primary nav ul.nav-main > li.opened ul.dropdown-menu li.dropdown-submenu .fa-chevron-right:before{
       content:"\f054";
   }
   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu:hover .fa-chevron-right{
   left: inherit;
       right: 20px;
   }
   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu .dropdown-menu{
       position: relative!important;
       left: 0px!important;
   }
   html header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu {
   background: #333!important;
   background-color: #333!important;
   width: calc(100% + 30px);
   }
   html header{
       z-index: 9999!important;
       position: relative!important;
   }
   header nav.mega-menu ul.nav-main li.mega-menu-item:hover > ul.dropdown-menu > li:hover > ul > li {
   background: #000;
   }
   
}
@media (min-width:992px) and (max-width:1199px) {
   /*FIREFOX MENU PROBLEM*/
html header nav.mega-menu ul.nav-main li.mega-menu-item:nth-child(1) > ul:hover > li:hover{
   width: 400px;
}

html header nav.mega-menu ul.nav-main li.mega-menu-item:nth-child(1) > ul:hover > li:hover a{
    width: 200px;
}

header nav ul.nav-main li.mega-menu-item:nth-child(1) .dropdown-submenu:hover > a::after {
   right: 0px!important;
   top: 3px;
}
   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li[navcolumn="1"] ul.dropdown-menu{
   position: absolute;
   left: 100%;
   top: 0px;
   height:  100%;
   width: 160%;
}
header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li[navcolumn="2"] ul.dropdown-menu{
   position: absolute;
   left: 100%;
   top: 0px;
   height:  100%;
   width: 160%;
}

   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu{
   position: initial;
}
   .nav-main.mega-menu .col-md-2 {
/*       width: 14.5%; */
   }
    #mainMenu > li > ul > li > a > i{
       display: none;
   }
   #mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(1) > .dropdown-menu{
   width: 500px;
   columns: 2;
   -webkit-columns: 2;
   -moz-columns: 2;
   display: none;
}
   #mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(1):hover > .dropdown-menu{
       display: block!important;
   }
   header nav.mega-menu ul.nav-main li.mega-menu-item:hover > ul.dropdown-menu li{
   width: 250px;
   float: left;
}
   html header .nav-bar-primary nav ul.nav-main > li.opened {
   background: #d81935 !important;
   color: #fff;
   }
   header nav.mega-menu ul.nav-main li.mega-menu-item:nth-child(2) > ul.dropdown-menu {
       margin-left: 0;
   }
   header nav.mega-menu ul.nav-main li.mega-menu-item:nth-child(2) > ul.dropdown-menu a{
       font-size: 14px;
   }
   html body header .nav-bar-primary nav ul.nav-main > li > a {
       color: #fff !important;
       font-weight: bold;
   }



   #mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(1) > .dropdown-menu{
   width: 500px;
   columns: 1;
   -webkit-columns: 1;
   -moz-columns: 1;
   display: none;
}

#mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(2) > .dropdown-menu .dropdown-menu{
    width: 730px;
   columns: 2;
   -webkit-columns: 2;
   -moz-columns: 2;
}

   #mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(2) > .dropdown-menu li.dropdown-submenu:nth-child(4) .dropdown-menu{
    width: 730px;
   columns: 1;
   -webkit-columns: 1;
   -moz-columns: 1;
}

   #mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(2) > .dropdown-menu li.dropdown-submenu:nth-child(10) .dropdown-menu{
    width: 730px;
    height: 150%;
   columns: 3;
   -webkit-columns: 3;
   -moz-columns: 3;
}

#mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(3) > .dropdown-menu .dropdown-menu li.dropdown-submenu:nth-child(1) .dropdown-menu{
    width: 265px;
    height: 100%;
   columns: 1;
   -webkit-columns: 1;
   -moz-columns: 1;
}
#mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(3) > .dropdown-menu .dropdown-menu li.dropdown-submenu:nth-child(1) .dropdown-menu li{
    width: 100%!important;
}

#mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(3) > .dropdown-menu .dropdown-menu li.dropdown-submenu:nth-child(1) .dropdown-menu li a{
    font-size: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(3) > .dropdown-menu .dropdown-menu li.dropdown-submenu:nth-child(2) .dropdown-menu{
    width: 265px;
    height: 470%;
   columns: 1;
   -webkit-columns: 1;
   -moz-columns: 1;
}
#mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(3) > .dropdown-menu .dropdown-menu li.dropdown-submenu:nth-child(2) .dropdown-menu li{
    width: 100%!important;
}

#mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(3) > .dropdown-menu .dropdown-menu li.dropdown-submenu:nth-child(2) .dropdown-menu li a{
    font-size: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}


}
@media (min-width:1200px) {
   /*FIREFOX MENU PROBLEM*/
html header nav.mega-menu ul.nav-main li.mega-menu-item:nth-child(1) > ul:hover > li:hover{
   position: block;
   width: 250px;
}

header nav ul.nav-main li.mega-menu-item:nth-child(1) .dropdown-submenu:hover > a::after {
   right: 22px!important;
   top: 3px;
}
   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li[navcolumn="1"] ul.dropdown-menu{
   position: absolute;
   left: 100%;
   top: 0px;
   height:  100%;
   width: 160%;
}
header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li[navcolumn="2"] ul.dropdown-menu{
   position: absolute;
   left: 100%;
   top: 0px;
   height:  100%;
   width: 160%;
}

   header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu{
   position: initial;
}
   .nav-main.mega-menu .col-md-2 {
/*       width: 14.5%; */
   }
   #mainMenu > li > ul > li > a > i{
       display: none;
   }
   #mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(1) > .dropdown-menu{
   width: 500px;
   columns: 1;
   -webkit-columns: 1;
   -moz-columns: 1;
   display: none;
}

#mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(2) > .dropdown-menu .dropdown-menu{
    width: 730px;
   columns: 2;
   -webkit-columns: 2;
   -moz-columns: 2;
}

   #mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(2) > .dropdown-menu li.dropdown-submenu:nth-child(4) .dropdown-menu{
    width: 730px;
   columns: 1;
   -webkit-columns: 1;
   -moz-columns: 1;
}

   #mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(2) > .dropdown-menu li.dropdown-submenu:nth-child(10) .dropdown-menu{
    width: 730px;
    height: 150%;
   columns: 3;
   -webkit-columns: 3;
   -moz-columns: 3;
}

#mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(3) > .dropdown-menu .dropdown-menu .dropdown-menu{
    width: 315px;
   columns: 1;
   -webkit-columns: 1;
   -moz-columns: 1;
}

#mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(3) > .dropdown-menu .dropdown-menu li.dropdown-submenu:nth-child(2) .dropdown-menu{
    width: 425px;
    height: 500%;
   columns: 1;
   -webkit-columns: 2;
   -moz-columns: 1;
}

#mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(3) > .dropdown-menu .dropdown-menu .dropdown-menu li{
    width: 100%!important;
}
#mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(3) > .dropdown-menu .dropdown-menu .dropdown-menu li a{
    padding-bottom: 1px;
}

   #mainMenu > .col-md-2.dropdown.mega-menu-item.mega-menu-fullwidth:nth-child(1):hover > .dropdown-menu{
       display: block!important;
   }
   header nav.mega-menu ul.nav-main li.mega-menu-item:hover > ul.dropdown-menu li{
   width: 250px;
   float: left;
   display: initial;
}

   header nav.mega-menu ul.nav-main li.mega-menu-item:nth-child(2) > ul.dropdown-menu {
       margin-left: 0;
   }
   html body header .nav-bar-primary nav ul.nav-main > li > a {
       color: #fff !important;
       font-weight: bold;
   }
}

/*====== NON RESPONSIVE =======*/
header nav.mega-menu ul.nav-main li.mega-menu-item{
   position: relative;
}




header nav.mega-menu ul.nav-main li.mega-menu-item:hover > ul.dropdown-menu{
   display: table;
}
.ie header nav.mega-menu ul.nav-main li.mega-menu-item:hover > ul.dropdown-menu,
.ie header nav.mega-menu ul.nav-main li.mega-menu-item:hover > ul{
   display: table;
}

header nav.mega-menu ul.nav-main li.mega-menu-item:hover > ul.dropdown-menu > li:hover > ul > li{
   width: 100%!important;
   float: left!important;
   display: table-cell !important;
}



header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu {
   /*width: -webkit-fit-content;
   width: -ms-fit-content;
   width: -o-fit-content;
   width: fit-content;
   width: -moz-fit-content;*/
   position: absolute;
   left: 0px;
}
.ie header nav.mega-menu ul.nav-main .fa.fa-chevron-right {
   display: none;
}


html header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu .dropdown-menu {
   background: url(Resources/img/bg-transparent-grey2.png) !important;
   background: #595959 !important;
   min-height: 100%;
   width: 160%;
   padding-bottom: 5px;
}

html header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu .dropdown-menu[style]{
   margin-left: 0px!important;
}

#mainMenu > li > ul > div > div > div > li > ul > li > a{
   white-space: inherit;
}
#mainMenu > li > ul > div > div > div > li > ul > li > a{
   width: calc(100% - 40px)
}
/*======MOBILE======*/


#mainMenu > li.opened:hover > ul > li > a > i{
   /* right: 30px; */
}

#mainMenu > li > ul > li > a > i{
  padding-right: 20px;
}

#mainMenu > li:hover > ul > li:hover > a > i{
  padding-right: 0px;
  right: 20px;

}


/*====== ONLY SHOW 2 COLUMN ======*/
#mainMenu > li:nth-child(1) > ul > div > div > div > li > ul{
   overflow: hidden;
}

#mainMenu > li:nth-child(2) > ul > div > div > div > li > ul{
   overflow: hidden;
}



.ie header nav ul.nav-main .dropdown-submenu{
   position: static!important;
}

.ie header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li.dropdown-submenu{
   position: initial;
}
.ie header nav.mega-menu ul.nav-main li.mega-menu-item > ul.dropdown-menu li[navcolumn="1"] ul.dropdown-menu{
   height: 100%!important;
   float: left!important;
   position: absolute;
   top: 0px!important;
}